<%@ page contentType="text/html;charset=UTF-8" %>
<%@include file="../../common/sessionValidate.jsp" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE HTML>
<html lang="UTF-8">
<head>
    <title>T_order信息维护</title>
    <%@ include file="../../common/meta.jsp" %>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="X-UA-Compatible" content="IE=9">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
    <link rel="stylesheet" href="<%=basePath%>css/my-bootstrap.css" media="screen" id="tuserskin">
    <link rel="stylesheet" href="<%=basePath%>js/toastr/toastr.css">
    <link rel="stylesheet" href="<%=basePath%>css/bootstrapValidator.min.css">
    <link rel="stylesheet" href="<%=basePath%>css/font-awesome.min.css">
    <script type="text/javascript" src="<%= basePath %>js/jquery.cookie.js"></script>
</head>
<style>
    hr {
        margin-top: 1px;
        border-bottom: 1px solid #1BBC9B;
    }
</style>
<body>
<form class="form-horizontal form-bordered form-row-strippe" name="ffAdd" id="ffAdd" mentod="post" role="form"
      data-toggle="validator" enctype="multipart/form-data">
    <div class="" style="margin-right:2px;padding-right:1px;">

        <!-------------------------- 面板  start--------------------------------->
        <div class="panel panel-primary">
            <div class="panel-heading clearfix" id="addHeaderDiv">
            </div>
            <div class="panel-body">
                <div class="row">
                    <h5>&nbsp;&nbsp;基本信息</h5>
                    <hr>
                    <div class="col-xs-6"><!--start 换列-->
                        <div class="col-xs-12">
                            <div class="form-group">
                                <label class="control-label col-xs-3">领用/借用人</label>
                                <div class="col-xs-9">
                                    <input id="buyer" name="buyer" type="text" class="form-control" placeholder=""
                                           readonly/>
                                    <input id="order_id" name="order_id" type="hidden" class="form-control"/>
                                    <input id="order_no" name="order_no" type="hidden"/>
                                    <input id="status" name="status" type="hidden"/>
                                    <input id="creater" name="creater" type="hidden"/>
                                    <input id="updater" name="updater" type="hidden"/>
                                    <input id="updattime" name="updattime" type="hidden"/>
                                    <input id="memo10" name="memo10" type="hidden"/>
                                    <input id="biztype" name="biztype" type="hidden"/>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12">
                            <div class="form-group">
                                <label class="control-label col-xs-3">原因</label>
                                <div class="col-xs-9">
                                    <input id="order_info" name="order_info" type="t1" class="form-control"
                                           placeholder="" readonly/>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12">
                            <div class="form-group">
                                <label class="control-label col-xs-3">领用日期</label>
                                <div class="col-xs-9">
                                    <input id="ext1" name="ext1" type="text" class="form-control" placeholder=""
                                           readonly/>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12">
                            <div class="form-group">
                                <label class="control-label col-xs-3"> 领用数量</label>
                                <div class="col-xs-9">
                                    <input id="amount" name="amount" type="text" class="form-control" placeholder=""
                                           readonly/>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12">
                            <div class="form-group">
                                <label class="control-label col-xs-3"> 仓库</label>
                                <div class="col-xs-9">
                                    <input id="ext2" name="ext2" type="text" class="form-control" placeholder=""
                                           readonly/>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12">
                            <div class="form-group">
                                <label class="control-label col-xs-3"> 类别 </label>
                                <div class="col-xs-9">
                                    <input id="ext3" name="ext3" type="text" class="form-control" placeholder=""
                                           readonly/>
                                </div>
                            </div>
                        </div>

                        <div class="col-xs-12">
                            <div class="form-group">
                                <label class="control-label col-xs-3"> <font color="red">*</font> 归还人 </label>
                                <div class="col-xs-9">
                                    <input id="memo6" name="memo6" type="text" class="form-control" placeholder=""/>
                                </div>
                            </div>
                        </div>

                        <!--如果输入元素是偶数个元素，在n=size/2?int时输出2列格式；如果元素是奇数个，需要在n=size/2?int时输出2列格式；需要换列，每行最多显示2列-->
                    </div><!--end 换列--><!--start 换列-->
                    <div class="col-xs-6">
                        <div class="col-xs-12">
                            <div class="form-group">
                                <label class="control-label col-xs-3"> 规格型号</label>
                                <div class="col-xs-9">
                                    <input id="memo2" name="memo2" type="text" class="form-control" placeholder=""
                                           readonly/>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12">
                            <div class="form-group">
                                <label class="control-label col-xs-3"> 单位</label>
                                <div class="col-xs-9">
                                    <input id="memo3" name="memo3" type="text" class="form-control" placeholder=""
                                           readonly/>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12">
                            <div class="form-group">
                                <label class="control-label col-xs-3"> 生产日期</label>
                                <div class="col-xs-9">
                                    <input id="memo4" name="memo4" type="text" class="form-control" placeholder=""
                                           readonly/>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12">
                            <div class="form-group">
                                <label class="control-label col-xs-3"> 批次号</label>
                                <div class="col-xs-9">
                                    <input id="memo5" name="memo5" type="text" class="form-control" placeholder=""
                                           readonly/>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12">
                            <div class="form-group">
                                <label class="control-label col-xs-3">物料名称编号</label>
                                <div class="col-xs-9">
                                    <input id="momo1" name="momo1" type="text" class="form-control" placeholder=""
                                           readonly/>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12">
                            <div class="form-group">
                                <label class="control-label col-xs-3">出库日期</label>
                                <div class="col-xs-9">
                                    <input id="creattime" name="creattime" type="text" class="form-control"
                                           placeholder="" readonly/>
                                </div>
                            </div>
                        </div>

                        <div class="col-xs-12">
                            <div class="form-group">
                                <label class="control-label col-xs-3"> <font color="red">*</font> 归还时间 </label>
                                <div class="col-xs-9">
                                    <input id="memo7" name="memo7" type="text" class="form-control"
                                           onclick='SelectDate(this)' readonly='true' placeholder=""/>
                                </div>
                            </div>
                        </div>

                    </div><!--end 换列-->
                </div><!--end row-->
            </div><!--end body-->

            <div class="modal-footer bg-info " id='buttonDiv'>
            </div>
        </div>
        <!--------------------------面板 end------------------------------------>

    </div>
</form>
</body>
</html>

<script src="<%=basePath%>js/bootstrap.min.js"></script>
<!--<script src="<%=basePath%>js/jquery-1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrapValidator.js"></script>-->
<script src="<%=basePath%>js/bootstrap-paginator.min.js"></script>
<script src="<%=basePath%>/js/respond.js"></script>
<script src="<%=basePath%>/js/html5.js"></script>
<script src="<%=basePath%>js/toastr/toastr.js"></script>
<script src="<%=basePath%>js/bootbox.js"></script>
<script src="<%=basePath%>js/jquery.validate.js"></script>
<!-- <script src="<%=basePath%>js/additional-methods.min.js"></script> -->
<script src="<%=basePath%>js/my-jquery-curd.js"></script>
<script src="<%= basePath %>js/tableSortTool.js"></script>
<script src="<%= basePath %>js/calendar.js"></script>
<script type="text/javascript">
    //新增保存数据
    function add() {
        $("#addSaveButton").attr("disabled", true);
        var url = "<%=basePath%>t_order/saveT_order?time=" + Math.random();
        var postData = $("#ffAdd").serializeArray();
        //alert(postData);
        $.post(url, postData, function (data) {
            //var data = $.parseJSON(data);
            if (data.result == "success") {
                //保存成功  1.关闭弹出层，
                showSuccessTips("恭喜保存成功!", "提示");

            } else {
                $("#addSaveButton").removeAttr("disabled");
                showErrorTips("保存数据失败!", "错误信息：");
                return false;
            }
        }).error(function () {
            $("#addSaveButton").removeAttr("disabled");
            showErrorTips("保存数据失败!", "错误信息：");
        });
    }

    //更新修改数据到后台
    function edit() {
        $("#editSaveButton").attr("disabled", true);
        var url = "<%=basePath%>t_order/updateT_orderGH?time=" + Math.random();
        myEdit2(url);
    }

    //初始化页面及校验
    $().ready(function () {
        //1、初始化数据显示
        var name = "领用/借用/出库";
        var optype = '<%=request.getParameter("oplx")%>';
        var id = '<%=request.getParameter("id")%>';
        //alert("optype="+optype+";id="+id);
        if (optype == 'add') {
            $("#ffAdd")[0].reset();/*重置表单*/
            var basePath = "<i class='icon-plus'></i>&nbsp;";
            setHeader2("新增" + name, basePath);//设置addHeaderDiv标题文字及按钮
            setButtonDivAdd2();//设置adddiv的 操作按钮
        } else if (optype == 'edit') {
            var basePath = "<i class='icon-pencil'></i>&nbsp;";
            setHeader2("修改" + name, basePath);//设置addHeaderDiv标题文字及按钮
            //setButtonDivEdit2();//设置adddiv的 操作按钮
            var buttons = '<button type="submit" class="btn btn-sm btn-primary" name="editSaveButton" id="editSaveButton">确认归还入库</button>';
            buttons += '<button type="button" class="btn btn-sm btn-danger" data-dismiss="modal" onclick="history.go(-1)"  id="curdfh">返回</button>';
            buttons += '<input type="hidden" name="opType" id="opType" value="edit">';
            $("#buttonDiv").html(buttons);
            var url = "<%=basePath%>t_order/getT_order?id=" + id + "&time=" + Math.random();
            $.getJSON(url, function (data) {//获取数据，并且自动填充form，自动代码待修改； @todo;
                setValue(data);
                //alert($("#effect_date").val()+""+jsonDateFormat($("#effect_date").val()));
                //$("#effect_date").val(jsonDateFormat($("#effect_date").val())); //重新设置日期类型的值
            });
        } else if (optype == 'view') {
            var basePath = "<i class='icon-eye-open'></i>&nbsp;";//设置addHeaderDiv标题文字及按钮
            setHeader2("查看" + name, basePath);
            setButtonDivView2();//设置adddiv的 操作按钮
            var url = "<%=basePath%>t_order/getT_order?id=" + id + "&time=" + Math.random();
            $.getJSON(url, function (data) {//获取数据，并且自动填充form，自动代码待修改； @todo;
                setValue(data);
                if (data.status == "0") {
                    $("#status").val("未发货");
                } else {
                    $("#status").val("已发货");
                }
                //alert($("#effect_date").val()+""+jsonDateFormat($("#effect_date").val()));
                //$("#effect_date").val(jsonDateFormat($("#effect_date").val())); //重新设置日期类型的值
            });
            formReadOnly('ffAdd');//设置表单不可修改
        }

        //2、校验脚本初始化，start check
        $("#ffAdd").validate({
            submitHandler: function (form) {
                //alert($("#opType").val());
                if ($("#opType").val() == "add") {
                    add();
                } else if ($("#opType").val() == "edit") {
                    edit();
                }
            },
            rules: {
                order_id: {
                    //required: true,
                    digits: true,
                    //minlength: 1,
                    maxlength: 11
                },
                order_no: {
                    //required: true,
                    maxlength: 128
                },
                buyer: {
                    //required: true,
                    maxlength: 128
                },
                order_info: {
                    //required: true,
                    maxlength: 512
                },
                creater: {
                    //required: true,
                    maxlength: 45
                },
                creattime: {
                    //required: true,
                    maxlength: 45
                },
                updater: {
                    //required: true,
                    maxlength: 45
                },
                updatetime: {
                    //required: true,
                    maxlength: 45
                },
                ext1: {
                    //required: true,
                    maxlength: 128
                },
                ext2: {
                    //required: true,
                    maxlength: 256
                },
                ext3: {
                    //required: true,
                    maxlength: 512
                },
                status: {
                    //required: true,
                    maxlength: 45
                },
                momo1: {
                    //required: true,
                    maxlength: 45
                },
                memo2: {
                    //required: true,
                    maxlength: 45
                },
                memo3: {
                    required: true,
                    maxlength: 45
                },
                memo4: {
                    //required: true,
                    maxlength: 45
                },
                memo6: {
                    required: true,
                    maxlength: 45
                },
                memo7: {
                    required: true,
                    maxlength: 45
                },
                memo5: {
                    //required: true,
                    maxlength: 45
                }
            }, //end rules;
            messages: {
                order_id: {
                    //required: "订单id不能为空！",
                    digits: "<font color='red'>请输入数字，不能输入非数字字符！</font>",
                    //minlength: "<font color='red'>最少输入1位！</font>",
                    maxlength: "<font color='red'>订单id最大支持11位，输入的数据已经超过最大长度！</font>"
                },
                order_no: {
                    maxlength: "<font color='red'>订单编号最大支持128位,输入的数据已经超过最大长度！</font>"
                },
                memo6: {
                    required: "<font color='red'> 归还人 不能为空！</font>",
                    maxlength: "<font color='red'> 归还人 最大支持45位,输入的数据已经超过最大长度！</font>"
                },
                memo7: {
                    required: "<font color='red'> 归还日期 不能为空！</font>",
                    maxlength: "<font color='red'> 归还日期 最大支持20位,输入的数据已经超过最大长度！</font>"
                },
                buyer: {
                    maxlength: "<font color='red'>买方最大支持128位,输入的数据已经超过最大长度！</font>"
                },
                order_info: {
                    maxlength: "<font color='red'>订单信息最大支持512位,输入的数据已经超过最大长度！</font>"
                },
                creater: {
                    maxlength: "<font color='red'> creater最大支持45位,输入的数据已经超过最大长度！</font>"
                },
                creattime: {
                    maxlength: "<font color='red'> creattime最大支持45位,输入的数据已经超过最大长度！</font>"
                },
                updater: {
                    maxlength: "<font color='red'> updater最大支持45位,输入的数据已经超过最大长度！</font>"
                },
                updatetime: {
                    maxlength: "<font color='red'> updatetime最大支持45位,输入的数据已经超过最大长度！</font>"
                },
                ext1: {
                    maxlength: "<font color='red'> ext1最大支持128位,输入的数据已经超过最大长度！</font>"
                },
                ext2: {
                    maxlength: "<font color='red'> ext2最大支持256位,输入的数据已经超过最大长度！</font>"
                },
                ext3: {
                    maxlength: "<font color='red'> ext3最大支持512位,输入的数据已经超过最大长度！</font>"
                },
                status: {
                    maxlength: "<font color='red'> status最大支持45位,输入的数据已经超过最大长度！</font>"
                },
                momo1: {
                    maxlength: "<font color='red'> momo1最大支持45位,输入的数据已经超过最大长度！</font>"
                },
                memo2: {
                    maxlength: "<font color='red'> memo2最大支持45位,输入的数据已经超过最大长度！</font>"
                },
                memo3: {
                    required: "<font color='red'>运单号不能为空！</font>",
                    maxlength: "<font color='red'> 运单号最大支持45位,输入的数据已经超过最大长度！</font>"
                },
                memo4: {
                    maxlength: "<font color='red'> memo4最大支持45位,输入的数据已经超过最大长度！</font>"
                },
                memo5: {
                    maxlength: "<font color='red'> memo5最大支持45位,输入的数据已经超过最大长度！</font>"
                }
            } //end message;
        }); //end validate;
    }) //end funciton read;
</script>
